// 引入React核心库
import React from 'react'
// 引入ReactDOM库
import ReactDOM from 'react-dom'
// 引入APP组件
import App from './App'
import store from './redux/store'
import { Provider } from 'react-redux'

// 渲染App到页面
ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
)

// 检测Redux中状态的改变，如redux的状态发生了改变，那么重新渲染APP组件
// 根据DOM diff算法，不会引起大面积的重排
// 用了React-redux后这行也不用写了
// store.subscribe(() => {
//   ReactDOM.render(<App />, document.getElementById('root'))
// })
